<?php if (!defined('THINK_PATH')) exit(); /*a:4:{s:62:"C:\www\luoke\public/../application/index\view\index\index.html";i:1563176675;s:55:"C:\www\luoke\application\index\view\layout\default.html";i:1563172567;s:54:"C:\www\luoke\application\index\view\common\header.html";i:1563176892;s:54:"C:\www\luoke\application\index\view\common\footer.html";i:1563176470;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/assets/home/css/bootstrap.css">
    <link rel="stylesheet" href="/assets/home/css/base.css">
    <link rel="stylesheet" href="/assets/home/css/index.css">
    <link rel="stylesheet" href="/assets/home/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="/assets/home/css/animate.css">
    <link rel="stylesheet" href="/assets/home/css/reset.css">

    <script src="/assets/home/js/jquery-3.2.1.js"></script>
    <script src="/assets/home/js/swiper-3.4.2.min.js"></script>
    <script src="/assets/home/js/base.js"></script>
    <title>烙可文化-首页</title>
</head>
<body>

<header>
    <div class="header">
    <header class="clear-fix">
        <div class="img"><img src="./imgs/img (16).png" alt=""></div>
        <ul class="menu">
            <li class="is-active"><a href="/">首页</a></li>
            <li><a href="<?php echo url('index/about'); ?>">关于公司</a></li>
            <li><a href="<?php echo url('index/category'); ?>">作品展示</a></li>
            <li><a href="<?php echo url('index/overbooking'); ?>">在线下单</a></li>
            <li><a href="<?php echo url('index/company'); ?>">联系我们</a></li>
        </ul>
    </header>
</div>

<header class="header-hide">
    <div class="hide-img"><img src="./imgs/img (16).png" alt=""></div>
    <div class="menu"><img src="./imgs/pic.jpg" alt=""></div>
    <ul class="hide-menu">
        <li class="is-active"><a href="/">首页</a></li>
        <li><a href="<?php echo url('index/about'); ?>">关于公司</a></li>
        <li><a href="<?php echo url('index/category'); ?>">作品展示</a></li>
        <li><a href="<?php echo url('index/overbooking'); ?>">在线下单</a></li>
        <li><a href="<?php echo url('index/company'); ?>">联系我们</a></li>
    </ul>
</header>

</header>



<section class="my-container">

    <div class="pos_vod">
        <video src="" controls="controls" autoplay="autoplay"></video>
        <p onclick="hide_vod()">关闭</p>
    </div>
    <div class="img">
        <video src="" autoplay poster="/assets/home/imgs/img%20(8).png"></video>
        <p class="text-one">created by PixelBuddha</p>
        <p class="text-tow">Feel the Colors</p>
        <p class="text-one">A powerful user interface templates, designed for corporates, </p>
        <p class="text-one">creative agencies, sturtups and freelancers. </p>
        <button class="text-btn" onclick="location.href='<?php echo url('overbooking'); ?>'">在线下单</button>
    </div>

    <div class="index-video clear-fix">
        <div class="video">

            <video src="<?php echo $banner['file']; ?>" controls="controls"></video>

<!--            <div class="play"><img src="/assets/home/imgs/img%20(21).png" alt=""></div>-->
        </div>


        <div class="intro">
            <h3><?php echo $banner['name']; ?></h3>
            <p>
                <?php echo $banner['content']; ?>
            </p>
        </div>
    </div>

    <div class="banner">
        <div class="title">以客户为核心, 以服务为生命</div>
    </div>

    <!--<div class="row index-items">-->
    <!--<div class="col-lg-3 col-md-6">-->
    <!--<div class="img"><img src="/assets/home/imgs/pic%20(6).png" alt=""></div>-->
    <!--<p class="title">广告TVC</p>-->
    <!--<p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>-->
    <!--</div>-->
    <!--<div class="col-lg-3 col-md-6">-->
    <!--<div class="img"><img src="/assets/home/imgs/img%20(9).png" alt=""></div>-->
    <!--<p class="title">宣传片</p>-->
    <!--<p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>-->
    <!--</div>-->
    <!--<div class="col-lg-3 col-md-6"></div>-->
    <!--<div class="col-lg-3 col-md-6"></div>-->
    <!--</div>-->

    <ul class="index-items clear-fix row" id="movies">

        <li class="index-item col-lg-3 col-md-6  col-xs-6">
            <div class="img"><img src="/assets/home/imgs/pic%20(6).png" alt=""></div>
            <p class="title">广告TVC</p>
            <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>
        </li>
        <li class="index-item col-lg-3 col-md-6 col-xs-6">
            <div class="img"><img src="/assets/home/imgs/img%20(9).png" alt=""></div>
            <p class="title">宣传片</p>
            <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>
        </li>
        <li class="index-item col-lg-3 col-md-6 col-xs-6">
            <div class="img"><img src="/assets/home/imgs/img%20(3).png" alt=""></div>
            <p class="title">电视栏目</p>
            <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>
        </li>
        <li class="index-item col-lg-3 col-md-6 col-xs-6">
            <div class="img"><img src="/assets/home/imgs/pic%20(1).png" alt=""></div>
            <p class="title">微电影</p>
            <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>
        </li>
        <li class="index-item col-lg-3 col-md-6 col-xs-6">
            <div class="img"><img src="/assets/home/imgs/pic%20(7).png" alt=""></div>
            <p class="title">动画制作</p>
            <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>
        </li>
        <li class="index-item col-lg-3 col-md-6 col-xs-6">
            <div class="img"><img src="/assets/home/imgs/img%20(11).png" alt=""></div>
            <p class="title">活动课件</p>
            <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>
        </li>
        <li class="index-item col-lg-3 col-md-6 col-xs-6">
            <div class="img"><img src="/assets/home/imgs/img%20(13).png" alt=""></div>
            <p class="title">电商视频</p>
            <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>
        </li>

        <li class="index-item col-lg-3 col-md-6 col-xs-6">
            <div class="img"><img src="/assets/home/imgs/img.png" alt=""></div>
            <p class="title">创意短片</p>
            <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的，更具有效果性、功能性的影像。</p>
        </li>

    </ul>

    
    <div class="banner banner-tow">
        <div class="title"><span class="left"></span>典型作品案例<span class="right"></span></div>
    </div>

    <ul class="index-items clear-fix exp-items row">
        <?php if(is_array($classic) || $classic instanceof \think\Collection || $classic instanceof \think\Paginator): $i = 0; $__LIST__ = $classic;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
        <li class="index-item exp-item col-lg-4" onclick="add_vod('<?php echo $vo['file']; ?>')">
            <div class="exp-img">
                <img src="<?php echo $vo['image']; ?>" alt="">
                <img class="play_btn" src="/assets/home/imgs/img%20(21).png" alt="">

            </div>
            <p class="exp-title"><?php echo $vo['name']; ?></p>



        </li>
        <?php endforeach; endif; else: echo "" ;endif; ?>

    </ul>

    <div class="index-bottom-btn">
        <button onclick="location.href='<?php echo url('category'); ?>'">查看更多</button>
    </div>

    <div class="index-why clear-fix">
        <div class="title"><span class="left"></span>为什么选择烙可<span class="right"></span></div>
        <ul class="index-why-items clear-fix row">
            <li class="col-lg-3 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(17).png" alt=""></div>
                <p class="title">设备齐全</p>
                <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的</p>
            </li>
            <li class="col-lg-3 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(18).png" alt=""></div>
                <p class="title">创意丰富</p>
                <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的</p>
            </li>
            <li class="col-lg-3 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(19).png" alt=""></div>
                <p class="title">精英团队</p>
                <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的</p>
            </li>
            <li class="col-lg-3 col-md-6">
                <div class="img"><img src="/assets/home/imgs/img%20(20).png" alt=""></div>
                <p class="title">高效服务</p>
                <p class="intro">通过目标视线的方法来制作影片，制作出便于抖音微信等社交软件传播出去的</p>
            </li>
        </ul>
    </div>
    <div class="index-company clear-fix">
        <div class="title"><span class="left"></span>合作伙伴<span class="right"></span></div>
    </div>
    <ul class="index-com-items clear-fix row">
        <?php if(is_array($Link) || $Link instanceof \think\Collection || $Link instanceof \think\Paginator): $i = 0; $__LIST__ = $Link;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
        <li class="col-lg-3 col-md-6"><a target="_blank" href="<?php echo $vo['link']; ?>"><img src="<?php echo $vo['image']; ?>" alt=""></a></li>
        <?php endforeach; endif; else: echo "" ;endif; ?>
    </ul>
</section>


<footer>
    <div class="footer">
    <footer class="clear-fix">

        <div class="floor-one clear-fix">

            <ul class="company-intro clear-fix row">
                <li class="col-lg-4">
                    <ul>
                        <li class="title">作品展示</li>
                        <li>广告TVC</li>
                        <li>宣传片</li>
                        <li>电视栏目</li>
                        <li>微电影</li>
                    </ul>
                </li>
                <li class="col-lg-4">
                    <ul>
                        <li class="title">关于公司</li>
                        <li>公司简介</li>
                        <li>我们的团队</li>
                        <li>合作伙伴</li>
                    </ul>
                </li>
                <li class="col-lg-4">
                    <ul>
                        <li class="title">联系我们</li>
                        <li>电话：0755-12345678</li>
                        <li>传真：0755-12345678</li>
                        <li>邮箱：12345678@qq.com</li>
                        <li>地址：深圳市福田区深南中路2008号华联大厦12楼1218</li>
                    </ul>
                </li>
            </ul>

            <div class="right">
                <div class="img"><img src="./imgs/img%20(2).png" alt=""></div>
                <p class="p">扫码关注烙可公众号</p>
            </div>

        </div>
        <div class="footer-line"></div>
        <p class="class-footer">2019深圳市烙可文化传播有限公司 All Rights Reserved 粤ICP备12341234号-1</p>
    </footer>
</div>

</footer>
<script>
    $(window).scroll(function (e) {
        if(isVisible($('.index-video')[0])){
            $('.video').addClass('fadeInLeft')
            $('.intro').addClass('fadeInRight')
        }
        if(isVisible($('.banner')[0])){
            $('.banner').addClass('fadeIn')
        }
        if(isVisible($('#movies')[0])){
            $('#movies .index-item').addClass('fadeInUp')
        }
        if(isVisible($('.index-why')[0])){
            $('.index-why-items>li').addClass('fadeIn')
        }
        if(isVisible($('.exp-items')[0])){
            $('.exp-items li').addClass('fadeInUp')
        }
    })
    showIsActive(1)


    function add_vod(file) {

        $('.pos_vod video').attr('src',file);
        $('.pos_vod').show();

    }
    function hide_vod() {
        $('.pos_vod').hide();
        $('.pos_vod video').attr('src','');
    }

</script>
</body>
</html>

